<template>
 
    <el-col :span="8"><div class="grid-content ep-bg-purple-dark" />
         <el-form :model="form" label-width="120px">
            <el-form-item label="上级菜单">
              <el-input v-model="form.pid" />
            </el-form-item>
            <el-form-item label="菜单名">
              <el-input v-model="form.name" />
            </el-form-item>
             <el-form-item label="地址">
              <el-input v-model="form.title" />
            </el-form-item>
              <el-form-item label="标识">
              <el-input v-model="form.title" />
            </el-form-item>
              <el-form-item label="图标">
              <el-input v-model="form.title" />
            </el-form-item>
          </el-form>
       <el-form-item>
        <el-button type="primary" @click="onSubmit">Create</el-button>
      </el-form-item>
    </el-col>
</template>

<script setup>
import { ArrowLeft } from '@element-plus/icons-vue'
import { ref,reactive, onMounted } from 'vue'
import {login}  from '../../api/login.js'
import {useStore} from 'vuex';

defineProps({
  msg: String
})
const defaultProps = {
  children: 'children',
  label: 'label',
  disabled: 'disabled',
}

const form = reactive({
   name: '',
});

const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
]

onMounted(()=>{
 	
});

</script>


<style scoped>
.read-the-docs {
  color: #888;
}
</style>
